
.greenTag{
	background-color: #81ff00;
}
.redTag{
	background-color: #ff0000;
}
.orangeTag{
	background-color: #ffc800;
}
.blueTag{
	background-color: #0089ff;
}
.blackTag{
	background-color: #000000;
}
.whiteTag{
	background-color: whitesmoke;
}
.grayTag{
	background-color: #999999;
}

.clink{ 	 	
 	-webkit-border-radius: 6px;
 	   -moz-border-radius: 6px;
 	        border-radius: 6px; 
	-webkit-touch-callout: none; 
	/*-webkit-user-select: none;*/
	cursor: pointer;
	overflow: visible;
}
.phoneIcon{
	background-image: url('../images/phoneIcon.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25px;
	opacity:.6;
	border:1px white solid;
	padding-right:20px;
		 border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;

}
.highlight{
	border-width: 1px;
	border-color: green ;
	border-style: solid;
	background-color: green;
	padding:1px;
	-webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
            opacity: .5;
	   
}

.youTubeButton{	
    background-image: url('../images/VideoButton2.png');
    background-size: 50px;
    background-repeat: no-repeat ;
    background-position: center;
    display: block;
    cursor: pointer;
    opacity: .6;  
}
.youTubeThumbnail{
	background-size:100%;
	background-repeat: no-repeat ;
}
.facebook{
	border: 0px green solid;
 	-webkit-border-radius: 8px;
    background-image: url('../images/facebook.png');
    background-size: 100%;
    background-repeat: no-repeat ;
    background-position: center;
    display: inherit;
    color:transparent;
    cursor: pointer;  
}
.twitter{
	border: 0px green solid;
 	-webkit-border-radius: 8px;
    background-image: url('../images/twitter.png');
   background-size: contain;
    background-repeat: no-repeat ;
    background-position: center;
    display: inherit;
    color:transparent;
    cursor: pointer;  
}
.customLink0{
 	border-bottom: 2px blue solid; 	
 	 border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    cursor: pointer;    
}
.customLink1{
 	border: 1px transparent solid;
 	-webkit-box-shadow: 2px 2px 3px #000;
	   -moz-box-shadow: 2px 2px 3px #000;
	        box-shadow: 2px 2px 3px #000;
 	   
}

.customLink2{
 	color:black;
 	background-color: white; 	    
}

.customLink3{		
	color:black;
 	background-color: #00ff67; 			    
}

.customLink4{	
	color:white;
 	background-color: #08ba49; 	 
}

.customLink5{	
	color:white;
 	background-color: green;
 	border: 0px green solid;  	 		  
}

.customLink6{	
	color:#f1f1f1;
 	background-color: #bcf60c;
 	border: 1px #bcf60c solid; 	 
}

.customLink7{	
	color:black;
 	background-color: yellow;
 	border: 1px yellow solid; 	 
}

.customLink8{	
	color:white;
 	background-color: #ffb700;
 	border: 1px #ffb700 solid; 	 
}	
	

.customLink9{	
	color:black;
 	background-color: #d7892a;
 	border: 1px #d7892a solid; 	 
}
.customLink10{	
	color:white;
 	background-color: #81610d;
 	border: 1px #81610d solid; 	 
}
.customLink11{	
	color:white;
 	background-color: #591e00;
 	border: 1px #591e00 solid; 	 
}
.customLink12{	
	color:white;
 	background-color: #ff0000;
 	border: 1px #ff0000 solid; 	 
}

.customLink13{	
	color:white;
 	background-color: #975252;
 	border: 1px #975252 solid; 	 
}
.customLink14{	
	color:white;
 	background-color: #ff8da2;
 	border: 1px #ff8da2 solid; 	 
}
.customLink15{	
	color:black;
 	background-color: #bcefff;
 	border: 1px #bcefff solid; 	 
}
.customLink16{	
	color:white;
 	background-color: #5972ff;
 	border: 1px #5972ff solid; 	 
}
.customLink17{	
	color:white;
 	background-color: #11058e;
 	border: 1px #11058e solid; 	 
}
.customLink18{	
	color:white;
 	background-color: #515151;
 	border: 1px #515151 solid; 	 
}
.customLink19{	
	color:white;
 	background-color: #1b1a1b;
 	border: 1px #1b1a1b solid; 	 
}
.customLink20{
	background-image: url('../images/buynowB.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;	
	color:transparent; 		 
}
.customLink21{
	background-image: url('../images/moreInfo.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;	
	color:transparent; 		 
}	

.customLinkLabel{
	display:table-cell;
	text-align:center; 	 	
	border:0px white dotted;
	font-size: inherit;
	vertical-align: middle;
	position:relative;
	overflow: hidden;
	padding:0;
	top: -1px;
	line-height: 90%;
	-webkit-touch-callout: none; -webkit-user-select: none;
	cursor: pointer;
	}

.customLink{
	border: 1px white solid;
	 border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-box-shadow: .5px .5px .5px #000;
	-webkit-box-shadow: .5px .5px .5px #000;
	box-shadow: .5px .5px .5px #000;	
	padding:.5px;
	opacity: .8;
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*/
	cursor: pointer;   
}

.webLink{
 	border-bottom: 2px blue solid;
 	-webkit-touch-callout: none; 
 	-webkit-user-select: none; 
 	cursor: pointer;      
}
.webLink1{
	border: 1px white solid;
	 border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
	-webkit-box-shadow: 2px 2px 3px #000;
	padding:.5px;
	opacity: .8;
	cursor: pointer;   
}

.clearShadow{
	border: 0px solid rgba(193,192,192,1);
	 border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
	-webkit-box-shadow: 2px 2px 3px #000;
	   -moz-box-shadow: 2px 2px 3px #000;
	        box-shadow: 2px 2px 3px #000;
	padding:1px;
	display: inherit;
	opacity: .8;
	cursor: pointer;
	font-size: 12px;
	line-height: 120px;   
}
.clear{
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
	padding:1px;
	display: inherit;
	opacity: .8;
	cursor: pointer;
	font-size: 12px;
	line-height: 120px;   
}

.tag {
  display: inline-block;
  -moz-border-radius-topright: 25%;
  -webkit-border-top-right-radius: 25%;
  border-top-right-radius: 25%;
  -moz-border-top-left-radius: 25%;
  -webkit-border-top-left-radius: 25%;
  border-top-left-radius: 25%;
  position: relative;
  text-align:center;
  -moz-transform-origin: 50% -10%;
  -ms-transform-origin: 50% -10%;
  -webkit-transform-origin: 50% -10%;
  transform-origin: 50% -10%;
  -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    
}

.tag::after {
  content: "";
  position: absolute;
  top: -15%;
  left: 42%;
  width: 15%;
  height: 35%;
  border-radius: 25%;
  -moz-border-radius-topright: 25%;
  -webkit-border-top-right-radius:25%;
  background-color: whitesmoke;
  box-shadow: .2em 0em .5em rgba(0, 0, 0, 0.5);
}
.tag::before {
  content: "";
  position: absolute;
  top: 9%;
  left: 40%;
  width: 20%;
  height: 18%;
  
  border-radius: 50%;
  -moz-border-radius-topright: 50%;
  -webkit-border-top-right-radius:50%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset -2% -2% 1% rgba(0, 0, 0, 0.5);
  
}


@-webkit-keyframes tag-swing {
  20% {
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  30% {
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  50% {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  75% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  85% {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  
}
.tag[data-animate="true"] {
  -webkit-animation: tag-swing 6s 1s 2 ;
    -moz-animation: tag-swing 6s 1s 2  ;
      animation: tag-swing 6s 1s 2 ;
      
}

.phonebase{
	background-image: url(../images/phonebase.png);
	background-position: center bottom;
	background-size: 70% 80%;
	background-repeat: no-repeat;
	
}
.phonerec{
	background-image: url(../images/phonerec.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width:100%;
	height:50%;
}

.phoneLink[data-animate="true"]{ 
	-webkit-animation: ring 4s 1s ease-in-out 2;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s 1s ease-in-out 2;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s 1s ease-in-out 2;
	transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }

	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}
.mobilePhone { 
	background-image: url(../images/mobilephone.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-animation: shake 4s 1s ease-in-out 2;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: shake 4s 1s ease-in-out 2;
	-moz-transform-origin: 50% 50%;
	animation: shake 4s 1s ease-in-out 2;
	transform-origin: 50% 50%;
}

@-webkit-keyframes shake {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }

	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}


.chatBubble{
background-image:url('../../CSS/img/chat.png');
background-repeat: no-repeat;
background-size: 80%;
background-position: center center;
background-color: transparent;
cursor: pointer;
}


.rot45{	
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	-o-transform: rotate(45deg); /* Opera */
	-moz-transform: rotate(45deg); /* Firefox */	
}

.rot90{	
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
	-o-transform: rotate(-90deg); /* Opera */
	-moz-transform: rotate(-90deg); /* Firefox */	
}
.rot180{	
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
	-o-transform: rotate(180deg); /* Opera */
	-moz-transform: rotate(180deg); /* Firefox */	
}

.rot0{	
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari and Chrome */
	-o-transform: rotate(0deg); /* Opera */
	-moz-transform: rotate(0deg); /* Firefox */	
}
.psuedotag {
  display: inline-block;
  -moz-border-top-left-radius: 25%;
  -webkit-border-top-left-radius: 25%;
  border-bottom-left-radius: 25%;
  -moz-border-bottom-left-radius: 25%;
  -webkit-border-bottom-left-radius: 25%;
  border-top-left-radius: 25%;
  position: relative;
  text-align:center;
  -moz-transform-origin: 50% -10%;
  -ms-transform-origin: 50% -10%;
  -webkit-transform-origin: 50% -10%;
  transform-origin: 50% -10%;
  -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.psuedotag::after {
  content: "";
  position: absolute;
  top: 45%;
  left: -15%;
  width: 35%;
  height: 15%;
  border-radius: 25%;
  -moz-border-radius: 25%;
  -webkit-border-radius:25%;
  background-color: whitesmoke;
  box-shadow: .2em 0em .5em rgba(0, 0, 0, 0.5);
}
.psuedotag::before {
  content: "";
  position: absolute;
  top: 40%;
  left: 9%;
  width: 20%;
  height: 18%;
  
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius:50%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset -2% -2% 1% rgba(0, 0, 0, 0.5);
  
}
